<template>
  <component :is="getOutlineComponent" :info="props.info" :domShow="props.domShow" :indexs="index"></component>
</template>

<script setup lang="ts">
import { computed } from 'vue';
import { commonDataStore } from '@/store';
import style1 from './style1.vue';
import style2 from './style2.vue';
import { useProjectStore } from '@/store';
import {sceneAll} from "@/material/index"
const store = useProjectStore();
const props = defineProps({
  info: {
    type: Object,
  },
  domShow: {
    type: Boolean,
  },
  index: {
    type: Number,
  },
});
const commonStore = commonDataStore();

// const getOutlineComponent = computed(() => {
//   let component: Object; 
//   switch (commonStore.templateId) {
//     case 643443922464837:
     
//      if(store.styleInfo.backgroundImage){
       
//       }else{
//          component = style1;
//       }
//       break;
//     case 546821049266245:
//       if(store.styleInfo.backgroundImage){
        
//       }else{
//          component = style2;
//       }
      
//       break;
//   }
//   return component;
// });
</script>

<style scoped lang="less"></style>
